$(function(){
   
   //Hiện ảnh to khi hover chuột lên ảnh nhỏ
   $('.img-person').hover(function(e){
      $('body').append('<img width="300px" id="img_hover" src="'+ $(this).attr('src') +'" style="position:absolute" />');
      $('#img_hover').css('left', e.pageX + 20);
      $('#img_hover').css('top', e.pageY - 100);
      $('#img_hover').css('z-index', 999);
   },function(e){
      $('#img_hover').remove();
   })
   $('.img-person').mousemove(function(e){
      $('#img_hover').css('left', e.pageX + 20);
      $('#img_hover').css('top', e.pageY - 100);
   });
   
   //Dropdown Menu
   $(".navigation .openable > a").click(function(){
      var par = $(this).parent('.openable');
      var sub = par.find("ul");
      if(sub.is(':visible')){
         par.find('.popup').hide();
         par.removeClass('active');            
      }else{
         par.addClass('active');            
      }
      return false;
   });
   
   /*--- Reload tab ---*/
   $('.reload_tab').bind('click',function(){
      window.location.reload();
   });
   $(".datepicker" ).datepicker();
   $(".show-hide-menu").click(function(){
      if($(this).hasClass('show')){
         $(this).parent("#wraper").find("#menu").css("display","block");
         $(this).parent("#wraper").find("#content").css("margin-left","220px");
         $(this).removeClass('show');
         $(this).html("<img src='theme/img/back.png' style='width: 25px;height: 25px;margin-top: -4px;margin-right: 10px;'/>Ẩn module");
         
      }else{
         $(this).parent("#wraper").find("#menu").css("display","none");
         $(this).parent("#wraper").find("#content").css("margin-left","0px");
         $(this).addClass('show');
         $(this).html("<img src='theme/img/next.png' style='width: 25px;height: 25px;margin-top: -4px;margin-right: 10px;'/>Hiện module");
      }
   });
   
   
   $(".selectallrow").click(function(){
      if($(this).hasClass('active'))
      {
         $(this).removeClass('active');   
         $(this).html('Bỏ chọn');      
         $('.check-to-delete span').addClass('checked');
         $('.checkbox-row').attr('checked',true);
      } else {
         $(this).addClass('active');   
         $(this).html('Tất cả');      
         $('.check-to-delete span').removeClass('checked'); 
         $('.checkbox-row').attr('checked',false);        
      }
   });
   
   //Check/Uncheck 
   $('input[type="checkbox"]').click("click",function(){
      if($(this).is(':checked')){
         $(this).parent().addClass('checked');
      }else{
         $(this).parent().removeClass('checked');
      }
   });
});
